<!--  我关注的人才-->
<template>
  <div class="rthcHead">
    <div class="rthcImg">
      <img src="@/assets/img/personnelImage/岗位需求库.png">
      <span class="rthcTi" title="我关注的人才">我关注的人才</span>
    </div>
    <div class="rthc-handle">
      <span class="rthc-handle-pri">
        <el-button type="primary">发送岗位推荐</el-button>
      </span>
      <span class="rthc-handle-more">
       <el-dropdown>
          <el-icon>
            <setting/>
          </el-icon>
          <template #dropdown>
            <el-dropdown-menu>
              <el-dropdown-item>发送岗位推荐</el-dropdown-item>
              <el-dropdown-item>新建</el-dropdown-item>
              <el-dropdown-item>删除</el-dropdown-item>
              <el-dropdown-item>修改</el-dropdown-item>
            </el-dropdown-menu>
          </template>
        </el-dropdown>
      </span>
    </div>
  </div>
  <div style="height: 100%; min-height: 235px;">
    <div style="background: white">
      <div class="rthcink">
        <span class="rthc-quickearch-label">
          姓名 :
        </span>
        <div class="rthc-quickearch-style">
          <el-input v-model="input" placeholder="姓名" clearable />
        </div>
      </div>
      <div class="rthcink">
        <span class="rthc-quickearch-label">
          性别 :
        </span>
        <div class="rthc-quickearch-style">
          <el-select v-model="value" placeholder="性别">
            <el-option
                v-for="item in options"
                :key="item.value"
                :label="item.label"
                :value="item.value">
            </el-option>
          </el-select>
        </div>
      </div>
      <div class="rthcink">
        <span class="rthc-quickearch-label">
          人才级别 :
        </span>
        <div class="rthc-quickearch-style">
          <el-select v-model="value" placeholder="人才级别">
            <el-option
                v-for="item in options"
                :key="item.value"
                :label="item.label"
                :value="item.value">
            </el-option>
          </el-select>
        </div>
      </div>
    </div>
    <div class="rthc-list-table">
      <el-table
          ref="multipleTable"
          :data="tableData"
          tooltip-effect="dark"
          style="width: 100%"
          :header-cell-style="{background:'#F7FBFE',color:'#606266'}"
          @selection-change="handleSelectionChange">
        <el-table-column
            type="selection"
            width="55">
        </el-table-column>
        <el-table-column
            prop="date"
            label="姓名"
            width="120">
        </el-table-column>
        <el-table-column
            prop="name"
            label="手机号码"
            width="120">
        </el-table-column>
        <el-table-column
            prop="address"
            label="岗位匹配"
            show-overflow-tooltip>
        </el-table-column>
        <el-table-column
            prop="address"
            label="性别"
            show-overflow-tooltip>
        </el-table-column>
        <el-table-column
            prop="address"
            label="人才简历"
            show-overflow-tooltip>
        </el-table-column>
        <el-table-column
            prop="address"
            label="标签"
            show-overflow-tooltip>
        </el-table-column>
        <el-table-column
            prop="address"
            label="人才级别"
            show-overflow-tooltip>
        </el-table-column>
        <el-table-column
            prop="address"
            label="是否关注"
            show-overflow-tooltip>
        </el-table-column>
        <el-table-column
            prop="address"
            label="添加取消"
            show-overflow-tooltip>
        </el-table-column>
        <el-table-column
            label="操作"
            show-overflow-tooltip>
          <template #default="xx">
            <el-button>发起面试</el-button>
          </template>
        </el-table-column>
      </el-table>
      <div class="pag-block" style="">
        <el-pagination
            @size-change="handleSizeChange"
            @current-change="handleCurrentChange"
            :current-page="currentPage4"
            :page-sizes="[10, 20, 30, 40]"
            :page-size="10"
            layout="total, sizes, prev, pager, next, jumper"
            :total="400">
        </el-pagination>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      currentPage1: 5,
      currentPage2: 5,
      currentPage3: 5,
      currentPage4: 4,
      options: [{
        value: '选项1',
        label: ' '
      }, {
        value: '选项2',
        label: '男'
      }, {
        value: '选项3',
        label: '女'
      }],
      value: '',
      restaurants: [],
      state: '',
      tableData: [{
        date: '2016-05-03',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1518 弄'
      }, {
        date: '2016-05-02',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1518 弄'
      }, {
        date: '2016-05-04',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1518 弄'
      }, {
        date: '2016-05-01',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1518 弄'
      }, {
        date: '2016-05-08',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1518 弄'
      }, {
        date: '2016-05-06',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1518 弄'
      }, {
        date: '2016-05-07',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1518 弄'
      }],
      multipleSelection: []
    }
  },
  methods: {
    handleSizeChange(val) {
      console.log(`每页 ${val} 条`);
    },
    handleCurrentChange(val) {
      console.log(`当前页: ${val}`);
    },
    handleSelectionChange(val) {
      this.multipleSelection = val;
    }
  }
}
</script>

<style lang="scss" scoped>
@import "../../../assets/css/personnelCss/RecruitHeadcount";
</style>